<template>
  <div class="container  report-cj">
    <div class="img-bg clearfix">
      <div class="main clearfix">
        <!--页头-->
        <div class="m-title text-center">
          <img src="http://kidtts.tmooc.cn/script/css/rep/img/t_week.png">
          <img src="http://kidtts.tmooc.cn/script/css/rep/img/t_month.png">
        </div>
        <!--老师评语-->
        <comments v-if='stuInfo.comments' :comment="stuInfo.comments"></comments>
        <!--知识点-->
        <know :phaseInfo="phaseInfo"></know>
        <!--学习情况-->
        <statu :grade="this.$route.params.grade" :stuInfo="stuInfo"></statu>
        <!--课堂表现-->
        <show :grade="this.$route.params.grade" :stuInfo="stuInfo"></show>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'report',
    data () {
      return {
        phaseInfo: {},
        stuInfo: {}
      }
    },
    created () {
      let self = this
      let grade = self.$route.params.grade
      let name = self.$route.params.name
      self.phaseInfo = self.$config.phaseData[grade]
      self.stuInfo = self.$config.classData[grade].student[name]
    }
  }
</script>

<style lang="scss">
  @import "../../css/report/report";
</style>
